<template>
  <div class="app-container calendar-list-container">
    <el-form label-position="left" label-width="100px" style="margin-top:10px">
      <el-row>
        <el-col :span="24">
          <div class="logs-box">
            <div class="filter-container">
              <a @click="back()">
                <span class="back-link"><svg-icon icon-class="ds-left-double-arrow" /> 返回</span>
              </a>
            </div>
            <component :is="health" :path="path"></component>
          </div>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>

<style scoped>
  .logs-box {
    background-color: #f5f5f5;
    padding: 20px;
    overflow: auto;
  }
  .logs-box .el-tabs__content {
    overflow: auto;
  }
  .logs-box .el-tabs--border-card>.el-tabs__content{
  	padding: 10px 25px;
  }
  .logs-box .el-card__header {
    border-bottom: 0px;
  }
</style>

<script>
// import { mapGetters } from 'vuex'
import health from '@/components/question/health' // 订单详情组件

export default {
  components: { health },
  data() {
    return {
      id: this.$route.params.id,
      path: '/order/update/' + this.$route.params.id,
      health: 'health'
    }
  },
  watch: {
    '$route'(to, from) {
      // 对路由变化作出响应...
      this.id = this.$route.params.id
      this.path = '/order/update/' + this.$route.params.id
    }
  },
  methods: {
    back() {
      window.history.go(-1)
    }
  }
}
</script>
